<%@ include file="htmlHead.jsp"%>
<link rel="stylesheet" type="text/css" href="${path}/css/global.css" />
<link rel="stylesheet" type="text/css" href="${path}/js/libs/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="${path}/css/forgetpassword.css"/>
<script type="text/javascript" src="${path}/js/libs/modernizr.js"></script>
</head>
<%@ page pageEncoding="utf-8"%>
<body >
	<div id="glodon_content_wrap">
		<%@ include file="header.jsp"%>
		<div id="glodon_container">
			<div style="width:580px;margin:0 auto;" id="forPWD">
				<div class="row" style="margin-left:0px;">
					<h2>重置密码</h2>
				</div>
		    	<form class="form-horizontal well" action="${path}/changePassword" method="post">
		    	  	<div class="control-group">
		                <label for="glodon_password" class="control-label">新密码:</label>
		                <div class="controls">
		                	<input type="password" name="npassword" class="input-large focused" id="glodon_password" placeholder="请输入新密码..." autofocus="true" maxlength="16" />
		                	<span class="pwd-tip"></span>
		                </div>
					</div>
					<div class="control-group">
		                <label for="glodon_password_confirm" class="control-label">重复密码:</label>
		                <div class="controls">
		                	<input type="password" name="cpassword" class="input-large focused" id="glodon_password_confirm" placeholder="请输入重置密码..." maxlength="16" />
		                	<span class="pwd-tip"></span>
		                </div>
		                <div class="controls">
                           	<p class="tip">密码为 6-16 位字符（字母、数字、字符），区分大小写</p>
                           	<div class="password-power">密码强度 <span class="empty"></span><span class="empty"></span><span class="empty"></span><span class="empty"></span></div>
                           </div>
					</div>
					<div class="form-actions">
			            <button class="btn" type="submit" style="padding:5px 30px">保存</button>
			        </div>
				</form>
			</div>
			<div style="width:480px;margin:0 auto;display:none" id="sucPWD">
				<div class="row well">
					<div class="span"><i>您的密码已成功更改。</i></div><div class="span" id="count">5</div><i>秒后页面跳转。</i>
				</div>
			</div>
			<div style="width:480px;margin:0 auto;display:none" id="failPWD">
				<div class="row well">
					<div class="span"><i>密码保存失败。</i></div><div class="span" id="fcount">5</div><i>秒后页面跳转。</i>
				</div>
			</div>
		</div>
		<%@ include file="footer.jsp"%>
	</div>
</body>
<script src="${path}/js/libs/jquery/form/jquery.form.js"></script>
<script src="${path}/js/model/resetpassword.js"></script>
</html>
